import pinUrlLess from "./pinUrl.module.less";
function PinUrl({ urlTitle, realyUrl, closeUrl, closeShow = true }: any) {
  return (
    <>
      <div className={pinUrlLess.urlComponents}>
        <div className="left_icon">
          <div className="no_img">
            <div className="icon iconfont icon-lianjie"></div>
          </div>
          {/*  <div className="have_img">
                  <img src={urlIoc} alt="" />
                </div> */}
        </div>
        <div className="right_url_info">
          <div className="top_info_title">{urlTitle}</div>
          <div className="bottom_info_url">{realyUrl}</div>
        </div>
        {closeShow && (
          <div className="closeBtn" onClick={closeUrl}>
            <div className="icon iconfont icon-guanbi"></div>
          </div>
        )}
      </div>
    </>
  );
}

export default PinUrl;
